<html>
        <head>
        <title>{{lecture.title}}</title>
            <style type="text/css">
body
{
background-color:#333333;
color:#FFFFCC;
}
h1
{
color:#99FFFF;
text-align:center;
}
h2
{
color:#99FFFF;
text-align:left;
}
h3
{
color:#99FFFF;
font-size:16px;
text-align:center;
}
#header
{

}

.t{
position:fixed;
left:-55px;
top: 0;
width:65px;
height:780px;
background-color:#333333;
color:#FFFFCC
﻿  z-index: 1000;
text-align:center;

}
.t:hover{left:0;
transition: left 0.3s;-webkit-transition: left 0.3s;-moz-transition: left 0.3s;
}
        a
{
color:#FFFFCC;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute; font-size: 0.1px;z-index: 99999;   display: none;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 4px; height: 4px; right: 0px; bottom: 0px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}

</style>

  <script src="{{STATIC_URL}}jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="{{STATIC_URL}}jquery-ui.min.js"></script>


                <script type="text/javascript" src="{{STATIC_URL}}swfobject.js"></script> 
    <script type="text/javascript">

var isAlt = false;
var isCtrl = false;
var isfull=false;
$(document).keyup(function (e) {
if(e.which == 17) isAlt=false;
}).keydown(function (e) {
    if(e.which == 18) isAlt=true;
    if(e.which == 13 && isAlt == true) {
 if(isfull){  $('#sideNoti').show();
isfull=false; $('#sideNoti').load('/messages/list/{{lecture.id}}');
nfull(); 	
$('#t1').hide();$('#t').show();

return false;}
 else{clearTimeout(foo);
 	isfull=true;
 
 $('#sideNoti').hide(); 
       full(); 
$('#t').hide();$('#t1').show();
 	return false;
 	}
 }
});
$(document).keyup(function (e) {
}).keydown(function (e) {  
    if(e.which == 27 ) {
        if(isfull){
  $('#sideNoti').show();
   $('#sideNoti').load('/messages/list/{{lecture.id}}');
nfull(); 	
$('#t1').hide();$('#t').show();
isfull=false;
return false;
}
 }
});


$(document).keyup(function (e) {
isCtrl=false;
}).keydown(function (e) {  
if(e.which == 17) isCtrl=true;
    if(e.which == 39 && isCtrl == true ) {
        $('#sideNoti').load('/messages/list/{{lecture.id}}');
  
 }
});



$(document).keyup(function (e) {
isCtrl=false;
}).keydown(function (e) {  
if(e.which == 17) isCtrl=true;
    if(e.which == 37 && isCtrl == true ) {
    clearTimeout(foo);
        $('#sideNoti').load('/quiz/lecture/getquizzes/{{lecture.id}}');
  
 }
});



$(document).keyup(function (e) {
document.player.StopPlay()
}).keydown(function (e) {  
    if(e.which == 34 ) {

  document.player.GotoFrame(document.player.CurrentFrame()+1);}      
//document.player.Play(); }
});
$(document).keyup(function (e) {
document.player.StopPlay();
}).keydown(function (e) {  
    if(e.which == 33 ) {

  document.player.GotoFrame(document.player.CurrentFrame()-1);}      
//document.player.Play(); }
});

function full(){
document.getElementById("player").setAttribute("width",1260);}


function nfull(){
document.getElementById("player").setAttribute("width",770);}

</script>

 <script type="text/javascript">
//$( init );
 
//function init() {
// var dragOpts = {
  //        cursor: "move"
    //    };
  //$('#styler').draggable(dragOpts).resizable();

//}
                        

                </script>
  
     <script type="text/javascript">
     function showPopup(url) {
newwindow=window.open(url,'name','height=300,width=530,top=200,left=300,resizable');
if (window.focus) {newwindow.focus()}
}
     
     $(function(){
  $('#sh').click(function(){
     $('#sideNoti').slideToggle('slow', function() {
  });});
});  
</script>
 </head>
        
        
        
        
 <body  onload=" document.player.StopPlay(); $('#sideNoti').load('/messages/list/{{lecture.id}}');"> 
        
{% if lecture.isStarted %}
	
	{% if lecture.isEnded %}
        
        <h1>{{lecture.title}} </h1>
        <h3> Quizzes Statistics </h3>
        <br><br>
        {% for quiz in quizes %}
       <ul><li> <a  href='#' onClick="$('#sideNoti1').load('/quiz/end1/{{quiz.id}}');"> {{quiz.title}} </a>
        <br><br></li></ul>
        {% endfor %}
        <div style=" position:absolute;
    top:110;
    right:80;
    width:1000px;

" id='styler' class="sideHolder">
        
        <div id="sideNoti1" class="siderC" >
               
</div></div>


{% else %}
<a  onclick="$('#sideNoti').hide(); 
 clearTimeout(foo);full(); $('#t').hide();$('#t1').show(); " href="#" >

<div class="t" id="t" style="color:#FFFFCC;font-size:45px;"><br><br><br><br><br><br>
+
</div></a>
<a style="color:#FFFFCC;font-size:45px;" onclick="$('#sideNoti').show(); 
  $('#sideNoti').load('/messages/list/{{lecture.id}}');nfull(); $('#t1').hide();$('#t').show(); " href="#" >
<div style="display:none;" class="t" id="t1" ><br><br><br><br><br><br> 
IP
</div></a>
<div style=" position:absolute;

    top:5;
    right:10;
    width:470px;

" id='styler' >


  
        
        <div id="sideNoti" class="siderC" >
</div></div>


       

<embed id="player" name="player" src="{{MEDIA_URL}}{{fname}}" width="770" height="770"></embed>
  
    
{% endif %}
{% else %}
<h1> {{lecture.title}}</h1>
<a href='/quiz/lecture/start/{{lecture.id}}' > Start this Lecture</a><br><br>
<a href='/quiz/{{lecture.id}}/create'> Create Quiz</a>
{% endif %}

        </body>

</html>
